.host {
  --vkui_internal--IconsOverview_icons_color: var(--vkui--color_text_primary_invariably);
}

.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--vkui--spacing_size_m);
  color: var(--vkui_internal--IconsOverview_icons_color);
  cursor: pointer;
  border-radius: var(--vkui--spacing_size_m);
  transition: all 0.2s ease;
}

.icon:focus-visible {
  outline: none;
  background-color: var(--vkui--color_background_contrast_themed);
  box-shadow: 0 0 0 2px var(--vkui--color_stroke_accent_themed);
}

.icon:hover {
  background-color: var(--vkui--color_background_contrast_themed);
  box-shadow: var(
    --vkui--elevation3,
    0 2px 24px 0 rgb(0, 0, 0, 0.08),
    0 0 2px 0 rgb(0, 0, 0, 0.08)
  );
}

.icon:active {
  background-color: var(--vkui--color_background_contrast_themed);
}
